<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viweport" content="width=device-width,initial-scale=1.0">
<title>Login</title>
<style type="text/css">
	body{
		width:98%;
		height:100vh;
		display: flex;
		flex-flow: column;
		background-color: rgb(240,239,239);
		justify-content: center;
	}
	.component_login{
		width:300px;
		height: auto;
		margin: 0px auto;
		border-radius: 20px;
		box-shadow: 0px 0px 15px black;
		background-color: rgb(238,238,238);
	}
	.table {
		width:100%;
	}
	.table tr
	{
		margin:10px 10px;
	} 
	#taga{
		color: rgb(92,131,95);
		transition: .3s ease;
		font-size:1em;
		text-decoration: none;
	}
	#taga:hover{
		color: rgb(9,172,171);
		box-shadow: 0px 2px  0px rgb(117,120,117);
	}
</style>
</head>
<body>
<div class="component_login">
	<form action="login.action" method="post">
		<table class="table" border="0" cellpadding="10">
			<caption><h1>Login</h1></caption>
			<tr>
				<td>ID</td>
				<td>
					<input type="text" name="id" placeholder="ID"  size="21"/>
				</td>
			</tr>
			<tr>
				<td>PWD</td>
				<td>
					<input type="password" name="pwd" placeholder="PASSWORD" required size="21" />
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<a id="taga" href="./register.jsp">No Account??? Register</a>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<input type="submit" value="HANDID" />
				</td>
			</tr>
		</table>
		
	</form>
	</div>
</body>
</html>